<!-- toaster directive -->
<toaster-container
        toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main"><i class="glyphicon glyphicon-cog"></i> 系统管理</a></li>
        <li><a ui-sref="#">系统设置</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>
<!-- 加载提醒 -->
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs"
               ui-sref="main.sys.account.update">
                <i class="text-md glyphicon glyphicon-chevron-up text-muted"></i></a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal" name="house_form">

                <div class="form-group">
                    <label for="account" class="col-lg-1 control-label text-right">账号：</label>
                    <div class="col-lg-4">
                        <span class="form-control" name="account_"
                            id="account">{{record.account_}}</span>
                    </div>
                </div>
                <div class="form-group">
                    <label for="end_time" class="col-lg-1 control-label text-right">有效期：</label>
                    <div class="col-lg-4">
                        <span class="form-control" name="end_time"
                            id="end_time">{{record.end_time}}</span>
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group">
                    <label for="user_name" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>姓名：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.user_name" name="user_name"
                        placeholder="请输入用户名"id="user_name">

                    </div>
                </div>
                <div class="form-group">
                    <label for="phone_" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>手机号：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.phone_" name="phone_" pattern="^1[34578]\d{9}$"
                            placeholder="请输入绑定的手机号码" id="phone_" ng-blur="blur()">
                    </div>

                    <button type="button"ng-click="getSmsCode(record.phone_)"class="btn btn-primary new-primary GetCord"
                            id="getCode"ng-show="phoneChange">获取验证码
                    </button>

                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>
                
                <div class="form-group" ng-show="isShowSmsCode">
                    <label for="smsCode" class="col-lg-1 control-label text-right">验证码：</label>
                    <div class="col-lg-4">
                        <input type="text" class="form-control" ng-model="record.smsCode" name="smsCode"id="smsCode"
                        ng-show="isShowSmsCode" placeholder="请输入验证码" id="smsCode">
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"  ng-if="isShowSmsCode"></div>

                <div class="form-group">
                    <label for="password_" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>密码：</label>
                    <div class="col-lg-4">
                        <input type="password" class="form-control" ng-model="record.password_" name="password_"
                            placeholder=""id="password_"
                        >
                    </div>
                </div>
                <div class="form-group">
                    <label for="password1" class="col-lg-1 control-label text-right"><span class="text-danger wrapper-sm">*</span>确认密码：</label>
                    <div class="col-lg-4">
                        <input type="password" class="form-control" ng-model="record.password1" name="password1"
                            placeholder="" id="password1"
                        >
                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div class="form-group" style="width: 100%">
                    <div class="col-sm-6 col-sm-offset-2 text-center"
                         style="width: 100%;margin: 0;padding: 0;text-align: center">
                        <!--<button type="reset" class="btn w-xs addNew">重置</button>-->
                        <button type="submit" class="btn btn-info w-xs m-l-xl addNew" ng-disabled="isDisabled">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

<style scoped>
    .col-lg-1 {
        width: 140px;
    }

    .form-group {
        width: 50%;
        float: left;
    }

    .form-group .col-lg-2 {
        width: 25%;
    }

    .form-group .col-lg-4 {
        width: 65%;
    }

    .app-content-body .content{
        margin-top:40px;
    }
    .btn-primary[disabled]{border-color:#bdc3c7;padding:7px 8px; }
    .changeWidth{width: 48%!important;}
</style>